<template>
    <div class="wrapper wrapper1">
        <div class="page-header">
            <h3>{{ title }}</h3>
        </div>
        <div class="page-content">
            <div class="alert alert-danger">当前数值为：{{ num }}</div>
            <div class="btn btn-primary" @click="increment">增加</div>
        </div>
    </div>
</template>

<script setup>
import { defineProps, ref } from "vue";
const props = defineProps({
    title: {
        type: String,
        default: "hello",
    },
});
let num = ref(0);

const increment = () => {
    num.value++;
};
</script>

<style lang="scss" scoped></style>
